/** Pinia Store */
// import {createPersistedStatePlugin} from 'pinia-plugin-persistedstate-2'

// import {createPinia, PiniaPluginContext} from 'pinia'

import piniaPersist from 'pinia-plugin-persist'

import {createPinia} from 'pinia'

// import {toRaw} from "vue";

// // 数据存储本地
// const setStorage = (key: string, value: any) => {
//   localStorage.setItem(key, JSON.stringify(value))
// }
// // 获取本地数据
// const getStorage = (key: string) => {
//   const data = localStorage.getItem(key)
//   return data ? JSON.parse(data) : {};
// }

// const piniaPlugin = (context: PiniaPluginContext) => {
//   const {store} = context;
//   // $subscribe state值发生变化时会执行传入的回调
//   store.$subscribe(() => {
//     // 每次修改值的时候更新localStorage数据
//     setStorage(`pinia-${store.$id}`, toRaw(store.$state))
//   })
//   // 每次构建项目的时候从本地存储取值并将取的值赋给state
//   const data = getStorage(`pinia-${store.$id}`)
//   return {
//     ...data
//   }
// }

const pinia = createPinia();
// const installPersistedStatePlugin = createPersistedStatePlugin()
// pinia.use((context) => installPersistedStatePlugin(context));

// pinia.use(piniaPlugin)

pinia.use(piniaPersist)

export default pinia;
